import React, { Component } from "react";
import { Input, Button } from "antd";
import "./ExploreMainContent.css";

class MainContent extends Component {
  render() {
    return (
      <div>
        <div className="article">
          <div className="content">
            <img
              className="content-img"
              src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fbj-yuantu.fotomore.com%2Fcreative%2Fvcg%2Fnew%2FVCG211363439424.jpg%3FExpires%3D1643621485%26OSSAccessKeyId%3DLTAI2pb9T0vkLPEC%26Signature%3DV7ZL3VtfrWsfGDmJDiahAW3pOgo%253D%26x-oss-process%3Dimage%252Fauto-orient%252C0%252Fsaveexif%252C1%252Fresize%252Cm_lfit%252Ch_1200%252Cw_1200%252Climit_1%252Fsharpen%252C100%252Fquality%252CQ_80%252Fwatermark%252Cg_se%252Cx_0%252Cy_0%252Cimage_d2F0ZXIvdmNnLXdhdGVyLTIwMDAucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLG1fbGZpdCxoXzE3MSx3XzE3MSxsaW1pdF8x%252F&refer=http%3A%2F%2Fbj-yuantu.fotomore.com&app=2002&size=f10000,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1645709807&t=055e27d4e890f464a8fee59b44756f9a"
              alt=""
            />
            <div className="content-state">
              <div className="content-state-source">观察者网 · </div>
              <div className="content-state-time">xx日xx时</div>
              <div className="content-title">
                美国海军正打捞坠入南海的
                F-35C，分析人士称「美军怕中国抢先」，有哪些信息值得关注？
              </div>
              <div className="content-content">
                美军F-35C舰载机24日在“卡尔·文森”号航母上发生“降落事故”后坠入南海，造成7名船员受伤。美国有线电视新闻网（CNN）26日报道，现在，美国海军正设法打捞F-35C。有分析人士预估打捞时间可能长达数月，担忧或被中国抢先。
              </div>
            </div>
          </div>
          <div className="operation">
            <div className="user-photo">yu</div>
            <Input className="user-input"></Input>
            <div className="sendout">
              <Button className="sendout-button">发表</Button>
            </div>
          </div>
        </div>
      </div>
    );
  }
}

export default MainContent;
